.app-material{
    height: 100%;


    header{
        flex: 1;
        background-color: #4294FF;

        p{
            height: 100%;
            
            line-height: 66px;

            span{
                left: 0px;
            }
        }
    }


    main{
        flex: 7;
        
        >p{
            height: 60px;
            line-height: 60px;
            
        }

        >p:nth-child(1){
            height: 100px;
            line-height: 100px;
            border-bottom: 1px solid #E8E8E8;


            img{
                display: inline-block;
                width: 80px;
                height: 80px;
                border-radius: 50px;
                right: 20px;
                top: 10px;
            }

            span{
                right: 0px;
            }
        }

        .userImgIpt{
            display: none;
        }
        .weui-form__control-area{
            margin:0px;


            .weui-cells__group_form{
                .weui-cells__title{
                    padding: 0px 12px;
                    margin-bottom: 0px;
                    
                }
                .weui-cells_form{
                    .weui-cell{
                        background-color: #E8E8E8;
                    }
                }
            }

        }
        

        // p:nth-child(3){
        //     border-bottom: 1px solid #E8E8E8;
        //     span{
        //         right: 30px;
        //     }
        // }

        // p:nth-child(4){
        //     border-bottom: 1px solid #E8E8E8;
        //     span{
        //         right: 30px;
        //     }
        //     i{
        //         right: 10px;
        //     }
        // }

        // p:nth-child(5){
        //     border-bottom: 1px solid #E8E8E8;
        //     span{
        //         right: 30px;
        //     }
        //     i{
        //         right: 10px;
        //     }
        // }

        // p:nth-child(6){
        //     border-bottom: 1px solid #E8E8E8;
        //     span{
        //         right: 30px;
        //     }
        //     i{
        //         right: 10px;
        //     }
        // }
        
        // div{

        //     p{
        //         line-height: 30px;
        //     }

        //     textarea{
        //         background-color: #E8E8E8;
        //         color:#888888;

        //     }
        //     span{
        //         right: 30px;
        //         bottom: 10px;
        //         color:#888888;
        //     }
             
        // }
    }

    footer{
        flex: 1;

        button{
            width: 300px;
            height: 55px;
            margin:0 auto;
            background-color: #4294FF;
            margin-left: 32px;
            border-radius: 27px;
        }
    }
}